@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	-moz-user-select: none;
 /*火狐*/
	-webkit-user-select: none;
 /*webkit浏览器*/
	-ms-user-select: none;
 /*IE10*/
	-khtml-user-select: none;
 /*早期浏览器*/
	user-select: none;
}

body {
	font-family: Microsoft YaHei,"微软雅黑";
}

a {
	outline: 0;
	text-decoration: none;
}

a:hover {
	color: #009966;
}

strong {
	font-weight: 400
}

section {
	background: #ffffff;
}

.block {
	width: 1200px;
	margin: 0 auto;
}

section.content1,.content5 {
	width: 100%;
}

.strong {
	font-weight: 700
}

::selection {
	background: #1eacdf;
	color: #fff
}

img {
	border: 0
}

::-moz-selection {
	background: #1eacdf;
	color: #fff
}

::-webkit-selection {
	background: #1eacdf;
	color: #fff
}

.autoWidth {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1200px
}

.auto {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1200px
}

.banner {
	margin-top: 60px;
	text-align: center;
}

@media screen and (max-width:1233px) {
	.auto {
		padding-left: 10px
	}
}

.fuSlide {
	width: 100%;
	height: 560px;
	position: relative;
	z-index: 1;
}

.fuSlide .imgs {
	width: 100%
}

.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img {
	transition: all 1s ease
}

.ck-slide {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.ck-slide ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.ck-slide ul.ck-slide-wrapper li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%
}

.ck-slide ul.ck-slide-wrapper li:first-child {
	z-index: 1111
}

.ck-slide ul.ck-slide-wrapper li.current {
	z-index: 1112
}

.ck-slide ul.ck-slide-wrapper li a {
	display: block;
	color: #fff;
}

.ck-slide ul.ck-slide-wrapper li a:hover {
	color: #009966;
}

.ck-slide ul.ck-slide-wrapper li a .img {
	width: 100%;
	height: auto;
	opacity: 0;
	filter: alpha(opacity='0')
}

.ck-slide ul.ck-slide-wrapper li .leftto {
	filter: alpha(opacity=0);
	opacity: 0
}

.ck-slide ul.ck-slide-wrapper li.current .leftto {
	animation: mymove8 .5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 0s
}

.ck-slide ul.ck-slide-wrapper li .rightto {
	filter: alpha(opacity=0);
	opacity: 0
}

.ck-slide ul.ck-slide-wrapper li.current .rightto {
	animation: mymove7 .5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: .5s
}

.ck-slide ul.ck-slide-wrapper li.current .danim-3 {
	animation: mymove10 .8s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 0s
}

.ck-slide ul.ck-slide-wrapper li.current .anim-1 {
	animation: mymove6 .6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: .3s
}

.ck-slide ul.ck-slide-wrapper li.current .anim-2 {
	animation: mymove6 .6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: .6s
}

.ck-slide ul.ck-slide-wrapper li.current .anim-3 {
	animation: mymove6 .6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: .9s
}

.banner_con {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* position:absolute */
}

.banner1_one {
	text-align: center;
	color: #fff;
	margin-top: 6%;
	font-family: Microsoft YaHei
}

.banner1_one h2 {
	font-weight: 400;
	margin-bottom: .5%;
	font-family: Microsoft YaHei
}

.banner1_two {
	text-align: center;
	color: #fff;
	margin-top: 3%;
	opacity: 0;
	filter: Alpha(opacity=0)
}

.banner1_two span {
	display: inline-block;
	padding-left: 60px;
	padding-right: 60px;
	height: 112px
}

.banner1_two span:first-child {
	border-right: 1px solid #677794
}

.banner1_two span b {
	font-weight: 400;
	color: #ffc600;
	display: block
}

.banner_con .f90 {
	font-size: 90px
}

.banner_con .f72 {
	font-size: 72px
}

.banner_con .f48 {
	font-size: 48px
}

.banner_con .f36 {
	font-size: 36px
}

.banner_con .f30 {
	font-size: 30px
}

.banner2_one {
	color: #fff;
	right: 20%;
	bottom: 3%;
	position: absolute;
}

.banner2_one h2 {
	font-weight: 400;
	margin-bottom: 1%;
	font-family: Microsoft YaHei;
	margin-top: 35%;
	opacity: 0;
	filter: Alpha(opacity=0)
}

.banner2_one p {
	color: #fff;
	font-family: Microsoft YaHei;
	opacity: 0;
	filter: Alpha(opacity=0)
}

.banner2_one em {
	display: block;
	width: 208px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #fff;
	border-radius: 30px;
	font-size: 16px;
	text-indent: 50px;
	background: url(/static/images/i_bg9.png) 138px center no-repeat;
	font-style: normal;
margin-top: 85%; margin-left: 58%;
	transition: all .3s;
	cursor: pointer;
}

.banner2_one em:hover {
	background-position: 150px center;
	margin-left: 5%;
}

.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto {
	animation-delay: 1s
}

.banner4_one {
	float: left;
	width: 60%;
	color: #fff
}

.banner4_one h2 {
	font-weight: 400;
	margin-bottom: 1%;
	font-family: Microsoft YaHei;
	margin-top: 15%;
	opacity: 0;
	filter: Alpha(opacity=0)
}

.banner4_one p {
	color: #fff;
	font-family: Microsoft YaHei;
	opacity: 0;
	filter: Alpha(opacity=0)
}

.banner4_one em {
	display: block;
	width: 208px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #000;
	border-radius: 30px;
	font-size: 16px;
	text-indent: 50px;
	background: url(/static/images/i_bg10.png) 138px center no-repeat;
	font-style: normal;
	margin-top: 6%;
	transition: all .3s;
	cursor: pointer
}

.banner4_one em:hover {
	background-position: 150px center;
	margin-left: 10px
}

.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto {
	animation-delay: 1s
}

.index-waper-box {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	overflow: hidden;
	z-index: 9;
	perspective: 800px;
	transform-style: preserve-3d
}

.index-back-box {
	z-index: 2;
	width: 100px;
	margin: 0 auto;
	transform-origin: bottom;
	transform: rotateX(0) translate3d(0,0,0);
	transition: all .65s cubic-bezier(.55,.65,.55,1) 0s;
	position: relative;
	top: 510px;
}

.index-back-box.active {
	background: url(/static/images/i_banner_bg.png) left bottom repeat-x
}

.index-back-box .sub-arrows {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
	line-height: 100px;
	padding-left: 10px;
	font-size: 0
}

.sub-arrows i.icom {
	display: block;
	vertical-align: top;
	width: 60px;
	height: 100%;
	cursor: pointer;
	position: relative;
}

.sub-arrows i.next:before,.sub-arrows i.prev:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 13px;
	height: 22px;
	background-image: url(/static/images/sub-arrows.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.sub-arrows i.prev:before {
	background-position: 0px 0px;
}

.sub-arrows i.next:before {
	background-position: -14px 0;
	right: 0px;
}

.sub-arrows i.icom:after {
	position: absolute;
	content: '';
	top: 290px;
	width: 30px;
	height: 2px;
	background-color: #fff;
	transform: scale(0,1);
	transition: all .3s ease-out 0s;
}

.sub-arrows i.next:after {
	right: 0px;
}

.sub-arrows i.prev:after {
	left: 3px;
}

.sub-arrows i.icom font {
	color: #000;
	transition: all .3s ease-out 0s
}

.sub-arrows i.icom.prev font {
	position: absolute;
	left: 9px
}

.sub-arrows i.icom.next font {
	position: absolute;
	left: 6px
}

.sub-arrows i:hover:after {
	transform: scale(1,1)
}

.sub-arrows i.icom.prev:hover font {
	left: -7px
}

.sub-arrows i.icom.next:hover font {
	left: 20px
}

.sub-arrows.bx-controls-direction {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 100%;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

div.next {
	right: 10%;
	float: right;
}

div.prev {
	float: left;
	left: 10%;
}

.index-back-box .sub-mouse {
	width: 100px;
	position: absolute;
/* ;;sor:pointer;/* z-index:1; */
	zoom: .7;
	text-align: center;
}

.index-back-box .sub-mouse:after {
	display: none;
	z-index: -1;
	position: absolute;
	content: '';
	top: -30px;
	left: 50%;
	height: 53px;
	border-right: 1px solid #333;
	margin-left: -1px
}

.index-back-box .sub-mouse span {
	text-align: center;
	display: inline-block;
	animation: ani-svg .85s linear 0s alternate infinite;
}

@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px)
	}

	15% {
		opacity: .65;
		transform: translateY(-15px)
	}

	25% {
		opacity: .8;
		transform: translateY(-10px)
	}

	50% {
		opacity: 1;
		transform: translateY(0)
	}

	65% {
		opacity: .8;
		transform: translateY(5px)
	}

	75% {
		opacity: .65;
		transform: translateY(10px)
	}

	100% {
		opacity: .4;
		transform: translateY(15px)
	}
}

.i_bg {
	overflow: hidden
}

.i_one {
	background-color: #fff;
	overflow: hidden;
	height: 250px;
	margin: 0 auto;
}

.i_service_t {
	text-align: center;
	padding-top: 15px;
	color: #666;
	font-size: 18px;
	line-height: 32px;
}

.i_service_t h1 {
	height: 66px;
	line-height: 66px;
	font-size: 40px;
	color: #000;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: Microsoft YaHei
}

.i_service_t p {
	font-size: 18px
}

.advantage {
	text-align: center;
	overflow: hidden
}

.num_box {
	width: 50%;
	float: left;
	height: 124px;
	background: url(/static/images/i_one_bg1.png) right center no-repeat
}

.num_box:last-child {
	background: 0 0
}

.num_box .num {
	font-weight: 700;
	color: #009966;
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 60px;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
	z-index: 2;
	letter-spacing: 1px;
	margin-top: 10px;
	padding-right: 60px;
}

.num_box span {
	position: absolute;
	top: 38px;
	color: #009966;
	font-size: 32px;
}

span.ns4,  span.ns1, span.ns5 {
	right: 50px;
}

span.ns3 {
	right: 200px;
}

span.ns2 {
	right: 240px;
}

.num_box h3 {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	line-height: 30px;
}

.section-title {
	text-align: center;
	padding: 30px 0;
}

.section-title p {
	font-size: 36px;
	color: #333333;
	text-align: center;
	line-height: 50px;
	letter-spacing: 5px;
}

.section-title span {
	display: inline-block;
	margin-top: 10px;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 2px;
	color: #666a75;
}

.mainbox {
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .12);
	margin-bottom: 30px;
}

.main1 {
	background: #FFF;
	padding: 28px 0
}

.main1 ul {
	padding: 0 117px;
	overflow: hidden
}

.main1 ul li {
	float: left;
	width: 322px;
	text-align: center
}

.main1 ul li i {
	display: block;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	border-radius: 55px;
	background: url(/static/images/lcon.png) no-repeat #009966;
}

.main1 ul li p:nth-child(2) {
	font-size: 16px;
	color: #009966;
	line-height: 32px;
	padding-top: 10px;
}

.main1 ul li p:nth-child(2) span {
	font-size: 30px;
	padding-right: 22px;
	position: relative
}

.main1 ul li p:nth-child(2) span:before {
	content: "+";
	font-size: 24px;
	color: #009966;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	position: absolute;
	top: 0;
	right: 6px;
}

.main1 ul li p {
	font-size: 14px;
	color: #555555;
	line-height: 18px
}

.main1 ul li:nth-child(1) i {
	background-position: 0 -307px
}

.main1 ul li:nth-child(2) i {
	background-position: -55px -307px
}

.main1 ul li:nth-child(3) i {
	background-position: -110px -307px
}

.certi {
	overflow: hidden;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .12);
	margin-bottom: 30px;
}

.certi .left {
	float: left;
	width: 658px
}

.certi .left .certi-title {
	height: 240px;
	background: url(/static/images/certi-title-back.jpg) no-repeat;
	overflow: hidden
}

.certi .left .certi-title b {
	display: block;
	font-size: 30px;
	color: #009966;
	line-height: 40px;
	padding: 0 0 0 94px;
	margin-top: 52px;
	font-weight: normal;
	background: url(/static/images/lcon.png) 22px -362px no-repeat;
}

.certi .left .certi-title p {
	width: 392px;
	font-size: 14px;
	color: #666;
	line-height: 22px;
	letter-spacing: 3px;
	margin: 24px 0 0 22px;
}

.certi .left ul {
	overflow: hidden
}

.certi .left ul li {
	float: left;
	background: #FFFFFF;
	width: 219px;
	height: 193px;
	color: #4c4c4c;
	transition: all 0.3s linear;
	overflow: hidden
}

.certi .left ul li:last-child {
	width: 219px;
}

.certi .left ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

.certi .left ul li a:hover {
	color: #FFF
}

.certi .left li i {
	display: block;
	height: 60px;
	top: 20px;
	position: relative;
}

.certi .left li i:before {
	content: "";
	width: 60px;
	height: 60px;
	background: url(/static/images/lcon.png) no-repeat;
	position: absolute;
	top: 0;
	right: 17px
}

.certi .left li p {
	padding: 0 26px 0 16px;
	font-size: 12px;
	line-height: 24px
}

.certi .left li p span {
	display: block;
	font-size: 20px;
	color: #009966;
	line-height: 36px;
}

.certi .left li:nth-child(1) i:before {
	background-position: 0 -412px
}

.certi .left li:nth-child(2) i:before {
	background-position: -60px -412px
}

.certi .left li:nth-child(3) i:before {
	background-position: -120px -412px
}

.certi .left li:hover {
	background: #009966;
	color: #FFF;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .12);
}

.certi .left li:hover p span {
	color: #FFF
}

.certi .left li:hover:nth-child(1) i:before {
	background-position: 0 -472px
}

.certi .left li:hover:nth-child(2) i:before {
	background-position: -60px -472px
}

.certi .left li:hover:nth-child(3) i:before {
	background-position: -120px -472px
}

.certi .right {
	float: left;
	width: 542px
}

.certi .right ul {
	overflow: hidden
}

.certi .right li {
	float: left;
	width: 271px;
	height: 204px;
	position: relative;
	overflow: hidden;
	background: url(/static/images/bg_time.jpg) center;
}

.certi .right li img {
	transition: all 0.3s linear
}

.certi .right li .table {
	position: absolute;
	top: 0;
	left: 0;
	height: 219px;
	padding: 0 22px;
	font-size: 14px;
	color: #777777;
	line-height: 28px
}

.certi .right li .table .table-cell {
	margin-top: 20px;
}

.certi .right li .table span {
	display: block;
	font-size: 18px;
	color: #009966;
	padding-bottom: 6px;
}

.certi .right li .table .table-cell p {
	line-height: 24px;
	margin-bottom: 5px;
	color: #666;
}

.certi .right li:hover img {
	transform: scale(1.3,1.3)
}

.certi .right .certi-roll {
	background: #009966;
	height: 229px;
}

.certi .right .cr-title {
	font-size: 22px;
	color: #FFF;
	line-height: 60px;
	border-bottom: solid 1px #dfdfdf;
	padding-left: 70px;
	background: url(/static/images/lcon.png) -242px -410px no-repeat;
}

.certi .right .certi-roll dl {
	padding: 33px 0 0 25px;
	overflow: hidden
}

.certi .right .certi-roll dd {
	float: left;
	width: 123px;
	height: 123px;
	text-align: center;
	padding-top: 10px;
}

.certi .right .certi-roll dd:hover {
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .12);
	margin-bottom: 40px;
}

.certi .right .certi-roll dd a {
	text-decoration: none
}

.certi .right .certi-roll dd i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 12px;
	background: url(/static/images/lcon.png) no-repeat
}

.certi .right .certi-roll dd:nth-child(1) i {
	background-position: 0 -536px
}

.certi .right .certi-roll dd:nth-child(2) i {
	background-position: -40px -536px
}

.certi .right .certi-roll dd:nth-child(3) i {
	background-position: -80px -536px
}

.certi .right .certi-roll dd:nth-child(4) i {
	background-position: -120px -536px
}

.certi .right .certi-roll dd span {
	display: block;
	font-size: 16px;
	color: #FFF;
	line-height: 19px
}







/*footer*/



.clearfix:after,.clearfix:before {
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after {
	clear: both
}

.clear-float {
	clear: both;
	padding-top: 20px;
	height: 100%;
	color: #b6e2f2;
	font-size: 12px;
}

.clear-float p a {
	color: #b6e2f2;
	display: inline-block;
	padding: 0 10px;
}

.clear-float p a:hover {
	text-decoration: underline;
	color: #fff;
}

.footer-floor2 img {
	margin: 0 15px;
}





/*热门班型部分*/



.course-class {
	padding-bottom: 1px;
	text-align: center;
}

.hot-class {
	font-family: "microsoft yahei";
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .12);
	margin-bottom: 30px;
}

.hot-class-little {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
	z-index: 0;
	height: 70px;
	transition: all .4s;
}

.hot-class-little:hover {
	transform: translateY(-10px);
	overflow: visible;
	z-index: 2;
}

.hot-class-little:nth-last-child(2) {
	padding-bottom: 0px;
}



/*.hot-class-little:nth-last-child(1){overflow:visible;}*/



.hot-class-little:hover + .hot-class-little {
	opacity: 0.7;
}



/*.hot-class-little:nth-last-child(1) .point-a{opacity: 1;}*/



.hot-class-little:hover .point-a {
	opacity: 1;
}

.hot-class-little:hover .point-cont {
	display: block;
	line-height: 22px;
}

.hot-class-little-hover {
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 15px #dcdcdc;
}

.hot-cont-img {
	float: left;
	width: 260px;
	height: 100%;
}

.hot-img {
	width: 100%;
	height: auto;
	float: left;
}

.hot-cont-little {
	float: left;
	width: 940px;
	height: 100%;
	padding: 10px 0;
	border: 1px solid #dcdcdc;
	border-left: none;
	box-sizing: border-box;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

.hot-list {
	overflow: hidden;
}

.hot-list-li {
	float: left;
	width: 270px;
	color: #333333;
	padding-left: 80px;
	text-align: left;
	font-size: 18px;
}

.hot-list-free {
	font-size: 18px;
	float: right;
	margin-right: 160px;
}

.hot-course {
	width: 315px;
	display: block;
	font-weight: bold;
	font-size: 20px;
	color: #333;
}

.hot-week {
	font-size: 14px;
	color: #333;
	margin: 5px auto;
	display: block;
}

.icon-time {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url(/static/images/hot-time.png) no-repeat center;
	vertical-align: -3px;
}

.hot-class-big {
	overflow: hidden;
	display: none;
}

.hot-class-img {
	float: left;
	width: 260px;
	height: 136px;
}

.hot-cont-title {
	float: left;
	width: 940px;
}

.hot-point {
	overflow: hidden;
	width: 940px;
}

.point-cont {
	float: left;
	line-height: 22px;
/*display: none;*/
	width: 350px;
	margin-left: 85px;
	text-align: left;
	font-size: 14px;
	color: #999999;
}

.point-a {
	width: 112px;
	height: 34px;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid #009966;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	text-align: center;
	line-height: 34px;
	color: #009966;
	font-size: 14px;
	float: right;
	margin-right: 140px;
}

.point-a:hover {
	background: #009966;
	color: #fff;
}







/*中部表单*/



.form {
	background: url(/static/images/form-back.jpg) center no-repeat;
	height: 160px;
	padding-top: 30px;
}

.form .form-cont {
	background: #FFF;
	height: 100px;
	width: 1200px;
	margin: 0 auto;
}

.form .form-title {
	float: left;
	background: #009966;
	width: 116px;
	height: 78px;
	text-align: center;
	line-height: 78px;
	font-size: 22px;
	color: #FFF;
	margin: 11px 46px 0 12px;
	position: relative
}

.form .form-title:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 39px solid transparent;
	border-left: 19px solid #009966;
	border-bottom: 39px solid transparent;
	position: absolute;
	top: 0;
	right: -19px
}

.form .form-cont .ipt {
	float: left;
	width: 169px;
	height: 40px;
	margin: 30px 15px 0
}

.form .form-cont .ipt input {
	display: block;
	width: 160px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	border: solid 1px #D1D1D1;
	border-radius: 3px;
	outline: none;
	padding-left: 7px;
	font-size: 16px;
	color: #555
}

.form .form-cont .form-down {
	float: left;
	width: 220px;
	height: 40px;
	margin: 30px 15px 0;
	position: relative
}



/*.form .form-cont .form-down:before{ content:">"; width:26px; height:38px; text-align:center; line-height:38px; font-size:18px; color:#A9A9A9; position:absolute; top:0; right:0; transform:rotate(90deg)}*/



.form .form-cont .form-down input,.form .form-cont .form-down select {
	width: 220px;
	height: 38px;
	padding: 0;
	border: solid 1px #D1D1D1;
	text-align: right;
	font-size: 16px;
	color: #555;
	outline: none;
}

.form .form-cont .form-down ul {
	position: absolute;
	top: 40px;
	left: 0;
	width: 126px;
	background: #FFF;
	text-align: center;
	border: solid 1px #EBEBEB;
	padding: 10px 0 6px 0;
	display: none
}

.form .form-cont .form-down li {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin-bottom: 6px;
	cursor: pointer
}

.form .form-cont .form-down li:hover {
	background: #009966;
	color: #FFF
}

.form .form-cont .submit {
	float: left
}

.form .form-cont .submit input {
	display: block;
	width: 130px;
	height: 40px;
	background: #009966;
	border-radius: 3px;
	border: none;
	padding: 0;
	font-size: 16px;
	color: #FFF;
	margin: 30px 0 0 22px;
	outline: none;
	cursor: pointer
}







/*资讯tag*/



.main2 {
	margin-top: 21px;
	overflow: hidden;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .12);
	margin-bottom: 30px;
}

.main2 .left {
	float: left;
	width: 856px;
	min-height: 447px;
	background: #FFF
}

.main2 .left .instr-click {
	margin-top: 24px;
	line-height: 30px;
	padding: 0 0 0 18px;
	overflow: hidden
}

.main2 .left .instr-click a {
	float: left;
	width: 85px;
	text-align: center;
	font-size: 16px;
	color: #555555;
	text-decoration: none;
	margin-right: 22px;
	transition: all 0.3s linear
}

.main2 .left .instr-click a.current {
	color: #FFF;
	filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#009966,endcolorstr=#009966,gradientType=0);
	-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#009966,endcolorstr=#009966,gradientType=0);
 /*IE8*/
	background: #009966;
 /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(top, #009966, rgba(26, 119, 243, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#009966), to(rgba(26, 119, 243, 1)));
	background: -o-linear-gradient(top, red, rgba(26, 119, 243, 1));
}

.main2 .left .instr-cont {
	padding: 25px 18px 0
}

.main2 .left .instr-cont ul {
}

.main2 .left .instr-cont li {
	overflow: hidden;
	display: none
}

.main2 .left .instr-cont li:nth-child(1) {
	display: block
}

.main2 .left .instr-img img {
	width: 100%;
	display: block
}

.main2 .left .instr-img a {
	background: url(/static/images/bkxz.jpg);
	display: block;
	width: 156px;
	height: 273px;
	float: left;
	padding: 20px;
}

.main2 .left .instr-img p {
	font-size: 24px;
	width: 116px;
	height: 233px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	letter-spacing: 5px;
	padding: 50px 20px;
	z-index: 1;
}

.main2 .left .instr-img .link.link--kumya::after {
	background: rgba(27,119,185,.4);
}

.main2 .left .instr-info {
	float: right;
	width: 632px
}

.main2 .left .instr-name {
	min-height: 99px;
	font-size: 14px;
	color: #777777;
	line-height: 30px;
	padding-bottom: 12px
}

.main2 .left .instr-name span {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #555555;
	line-height: 30px;
	padding-bottom: 4px
}

.main2 .left .instr-name p {
	max-height: 60px;
	line-height: 30px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.main2 .left .instr-name .more {
	color: #fff;
	background: #009966;
	display: inline-block;
	width: 80px;
	height: 30px;
	text-align: center;
	float: right;
}

.main2 .left .instr-name .more:hover {
	background: #009966;
}

.main2 .left .instr-info dl {
	padding-top: 10px;
 /*overflow:hidden*/
}

.main2 .left .instr-info dt {
	font-size: 16px;
	color: #555555;
	border-bottom: solid 1px #F3F3F3;
	line-height: 20px;
	padding-bottom: 9px;
	margin-bottom: 10px
}

.main2 .left .instr-info dd {
	float: left;
	width: 290px;
	overflow: hidden;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 22px;
	padding: 9px 0px 9px 26px;
	position: relative;
	margin-right: 20px;
}

.main2 .left .instr-info dd:before {
	content: ">";
	background: #ADADAD;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	color: #FCFCFC;
	position: absolute;
	top: 13px;
	left: 0
}

.main2 .left .instr-info dd a {
	font-size: 14px;
	color: #777777;
	width: 265px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.main2 .right {
	float: right;
	width: 325px
}

.main2 .right .near-live {
	background: #FFF;
	min-height: 447px;
	position: relative;
	width: 325px;
}

.main2 .right .near-live h3:before {
	background-position: 0px -152px;
}

.main2 .right .nl-btn {
	position: absolute;
	top: 19px;
	right: 16px
}

.main2 .right .nl-btn i {
	font-style: normal;
	float: left;
	width: 22px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	border: solid 1px #EFEFEF;
	font-size: 18px;
	color: #737373;
	cursor: pointer
}

.main2 .right .nl-btn i:hover {
	background: #009966;
	color: #FFF;
	border: solid 1px #009966
}

.main2 .right .nl-cont {
	padding-top: 10px;
	overflow: hidden
}

.main2 .right .nl-cont li {
	padding-bottom: 15px;
	overflow: hidden
}

.main2 .right .nl-cont li .nlc-img {
	float: left;
	width: 130px;
	height: 110px;
	margin: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	
}

.main2 .right .nl-cont li .nlc-img img {
	width:100%;
/* 	height: 100%; */
	display: block;
}

.main2 .right .nl-cont li .nlc-info {
	float: left;
	width: 150px
	/* width: 176px */
}

.main2 .right .nl-cont li .nlci-date {
	font-size: 15px;
	color: #333;
	line-height: 20px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.main2 .right .nl-cont li .nlc-info p {
	font-size: 14px;
	color: #777;
	line-height: 20px;
	margin: 5px 0;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.main2 .right .nl-cont li .nlci-name {
	font-size: 14px;
	color: #777;
	line-height: 26px;
	overflow: hidden;
	text-align: left;
}

.main2 .right .nl-cont li .nlci-name a {
	float: right;
	font-size: 14px;
	color: #009966;
	line-height: 24px;
	border: solid 1px #009966;
	border-radius: 5px;
	padding: 0 6px;
	text-align: center;
	width: 50%;
}

.title {
	border-left: solid 3px #009966;
	border-bottom: solid 1px #F5F5F5;
	line-height: 56px;
	font-size: 22px;
	color: #009966;
	padding-left: 14px;
	overflow: hidden
}

.title span {
	float: left
}

.title i {
	float: left;
	font-size: 16px;
	color: #777;
	font-style: normal;
	margin-left: 40px
}

.near-live h3 {
	font-size: 20px;
	color: #555;
	line-height: 56px;
	padding-left: 55px;
	border-bottom: solid 1px #F5F5F5;
	font-weight: normal;
	position: relative
}

.near-live h3:before {
	content: "";
	width: 46px;
	height: 46px;
	background: url(/static/images/lcon.png) no-repeat;
	position: absolute;
	top: 6px;
	left: 4px
}

.clear {
	clear: both
}

.title_cn {
	text-align: center;
	font-weight: bold;
	font-size: 30px
}

#new_box {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 0
}

.new_con {
	max-width: 1200px;
	margin: 0 auto;
}

.newtel {
	height: 40px;
	border-bottom: 1px solid #e7e7e7;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	color: #666
}

.new_telst {
	width: 100%;
	position: relative;
	top: 6px;
	text-align: center
}

.new_telst li {
	width: 85px;
	line-height: 30px;
	text-align: center;
	float: left;
	display: inline;
	font-family: "Microsoft YaHei";
	cursor: pointer;
	font-size: 16px;
	margin: 0 11px;
}

.new_telst li.newon {
	color: #009966;
}

.new_telst p {
	position: absolute;
	top: 34px;
	left: 0;
	width: 96px;
	height: 7px;
	border-top: 1px solid #009966;
	overflow: hidden;
	text-align: center;
}

.new_telst b {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-style: solid dashed dashed dashed;
	border-width: 9px;
	border-color: #217af0 #fff #fff #fff;
	overflow: hidden;
	zoom: 1;
	font-size: 0
}

.new_lst {
	height: 315px;
	position: relative;
	overflow: hidden;
	display: none;
}

.new_lst ul {
	position: absolute;
	left: 0
}

.new-wrap .show {
	display: block
}

li.new_cnlf {
	width: 370px;
	float: left
}

li.new_cnlf p {
	width: 100%
}

p.newlf_tel a {
	color: #217af0;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	display: block
}

p.newlf_tel a:hover {
	color: #C33
}

p.newlf_tx {
	font-size: 14px;
	line-height: 26px;
	color: #999;
	height: 105px;
	overflow: hidden
}

li.new_cnrf {
	float: right;
	width: 820px;
	margin-left: 10px
}

.newrf_lst dd {
	width: 368px;
	height: 85px;
	border: 1px solid #e4e4e4;
	float: left;
	margin-left: 35px;
	margin-bottom: 20px
}

p.new_rq {
	width: 65px;
	height: 65px;
	background: #969393;
	float: left;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif
}

p.new_rq span {
	display: block;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	padding-top: 5px
}

p.newrf_tx {
	float: left;
	width: 270px;
	margin-top: 8px
}

p.newrf_tx a {
	color: #333;
	font-size: 14px;
	display: block;
	line-height: 30px
}

p.newrf_tx span {
	display: block;
	font-size: 12px;
	color: #999;
	height: 60px;
	overflow: hidden
}

.newrf_lst dd:hover {
	width: 366px;
	height: 83px;
	border: 2px solid #217af0;
	box-shadow: 0 0 15px rgba(37, 125, 242, .27)
}

.newrf_lst dd:hover p.newrf_tx a {
	color: #217af0
}

.newrf_lst dd:hover p.new_rq {
	background: #217af0;
	margin-top: 9px;
	margin-left: 9px
}

.newrf_lst dd:hover p.newrf_tx {
	margin-top: 7px
}

.mr0 {
	margin-right: 0
}











/*精彩课程*/



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.clearfix {
	display: inline-block
}

.clearfix {
	display: block
}

.clearfix:after,.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.mr20 {
	margin-right: 20px
}

.zq-icon {
	display: inline-block;
	background: url(/static/images/icon.png) no-repeat
}

.icon40x40 {
	width: 40px;
	height: 40px
}

.crad-area-icon1 {
	background-position: 0 0
}

.crad-area-icon2 {
	background-position: -40px 0
}

.crad-area-icon3 {
	background-position: -80px 0
}

.crad-area-icon4 {
	background-position: -120px 0
}

.card-area {
	height: 520px;
	position: relative;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .12);
	margin-bottom: 30px;
}

.card-area .bg-e8e8e8 {
	background: #e8e8e8
}

.card-area .bg-e1e1e1 {
	background: #e1e1e1
}

.card-area .card-item {
	z-index: 4;
	transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	position: relative;
	float: left;
	width: 205px;
	height: 521px;
	background-color: transparent;
}

.card-area .card-item+.card-item {
	margin-left: -1px
}

.card-area .card-item .card {
	transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
}

.card-area .card-item .card .card-content {
	width: 100%;
	line-height: 2
}

.card-area .card-item .card .card-content.content-first {
	transition: all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-content.content-second {
	transition: all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	line-height: 2
}

.card-area .card-item .card .card-content.content-second li {
	float: left;
	width: 50%
}

.card-area .card-item .card .card-content,.card-area .card-item .card .card-title {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1
}

.card-area .card-item .card .card-title {
	padding-top: 1px;
	transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	height: 145px;
	line-height: 26px;
	font-size: 14px;
	top: 0;
	background: #009966;
	border-left: 1px solid #00aa44
}

.card-area .card-item .card .card-title .content {
	position: absolute;
	bottom: -2px;
	width: 100%
}

.card-area .card-item .card .card-title h2 {
	font-size: 22px;
	font-weight: 700;
	color: #d9efff;
	margin-bottom: 0
}
.card-area .card-item .card .card-title h2 {
	color: #fff;
}

.card-area .card-item .card .card-title .short-info {
	color: #8dbbdc;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 20px
}
.card-area .card-item .card .card-title .short-info {
	color: #fff;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 20px
}
.card-area .card-item .card .card-title .zq-product-img {
	width: 40px;
	height: 40px;
	margin: 10px auto;
	position: relative
}

.card-area .card-item .card .card-title .zq-product-img img {
	position: absolute;
	left: 0;
	width: 100%
}

.card-area .card-item .card .card-title .zq-product-img .un-hover {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-title .zq-product-img .with-hover {
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h2 {
	transition: all .15s cubic-bezier(.4,0,.2,1) 0s
}

.card-area .card-item .card .card-content {
	height: 376px;
	position: absolute;
	top: 145px;
}

.card-area .card-item .card .card-content.content-first .content-first-list {
	width: 100%;
	max-width: 250px;
	font-size: 16px;
	color: #373d41;
	margin-top: 47px;
	margin-bottom: 47px
}

.card-area .card-item .card .card-content.content-first .content-first-list li {
	margin-bottom: 30px
}

.card-area .card-item .card .card-content.content-second {
	width: 90%;
	left: 25px;
	font-size: 14px;
	color: #a9b0b4;
	text-align: left;
	padding-top: 26px;
	overflow: hidden;
}

.card-area .card-item .card .card-content.content-second .main-head {
	color: #00aa44;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px
}
.card-area .card-item .card .card-content.content-second .main-head {
	color: #333;
}

.card-area .card-item .card .card-content.content-second p {
	margin: 5px 0
}

.card-area .card-item .card .card-content.content-second .main-tip {
	color: #232933
}

.card-area .card-item .card .card-content.content-second .main-desc {
	color: #8c8c8c;
	font-size: 12px;
	line-height: 22px
}

.card-area .card-item .card .card-content.content-second .main-btn {
	cursor: pointer;
	width: 160px;
	height: 38px;
	font-size: 16px!important;
	color: #fff;
	margin-top: 22px;
	margin-bottom: 33px;
	border-radius: 19px;
	background: #00aa44;
	border: none;
	transition: color .3s ease-in-out,background .3s ease-in-out;
}

button.main-btn.mr20.left {
	width: 100px !important;
	margin-right: 10px;
}

.card-area .card-item .card .card-content.content-second .main-btn:hover {
	color: #fff;
	background: #009966
}

.card-area .card-item .card .card-content.content-second .main-white-btn {
	cursor: pointer;
	width: 100px;
	height: 36px;
	border: 1px solid #00aa44;
	font-size: 16px!important;
	color: #00aa44;
	margin-top: 22px;
	margin-bottom: 33px;
	border-radius: 19px;
	background: #fff;
	transition: color .3s ease-in-out,background .3s ease-in-out;
}

.card-area .card-item .card .card-content.content-second .main-white-btn:hover {
	color: #fff;
	background: #009966;
}

.card-area .card-item .card .card-content .other-info {
	width: 105%;
/*height:70px;*/
	overflow: hidden;
	line-height: 22px;
	padding-top: 20px;
	font-size: 12px
}

.card-area .card-item .card .card-content .other-info .other-info-list {
	width: 30%;
	height: 70px;
	background: #f2f2f2;
	margin: 0 10px 10px 0;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}

.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow {
	position: absolute;
	right: 10px;
	top: 15px;
	background-position: -200px 0
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover {
	background: #00aa44
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow {
	background-position: -200px -17px
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head {
	color: #fff
}

.card-area .card-item .card .card-content .other-info .other-info-list .list-context {
	color: #00c1de
}

.card-area .card-item .card .card-content .other-info .other-head {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	margin: 13px 0 0
}

.card-area .card-item .card .card-content .other-info .other-desc {
	margin-top: 2px;
	font-size: 12px;
	color: #999
}

.card-area .card-item.active {
	z-index: 6;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	width: 49%;
	height: 535px;
}

.card-area .card-item.active .card .card-title {
	background-color: #00aa44;
	height: 159px;
	top: -15px;
	border: none
}

.card-area .card-item.active .card .card-title .short-info {
	color: #00aa44
}
.card-area .card-item.active .card .card-title .short-info {
	color: #fff
}
.card-area .card-item.active .card .card-title h1 {
	color: #fff
}

.card-area .card-item.active .card .card-content.content-first {
	transition: all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item.active .card .card-content.content-second {
	transition: all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.main-info.left {
	float: left;
	width: 45%;
	padding: 0 10px;
	border-right: 1px solid #c9c9c9;
}

.main-info.right {
	float: right;
	width: 45%;
	padding: 0 10px;
}

.news-body a {
	box-sizing: border-box;
}

.cui-btn {
	display: inline-block;
	height: 40px;
	padding: 0 30px;
	border: solid 1px transparent;
	border-radius: 2px;
	background: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	transition: .2s
}

.cui-btn-small {
	height: 32px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 30px
}

.cui-icon {
	font-family: cui-icon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px
}

.cui-icon-play:before {
	content: "\EA1A"
}

.section-wrapper {
	max-width: 1280px;
/*padding-left:30px;padding-right:30px;*/
	margin-left: auto;
	margin-right: auto
}

.news-body {
	height: 540px;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, .12);
}

.news-body:before,.news-body:after {
	content: " ";
	display: table;
	box-sizing: inherit
}

.news-main {
	float: left;
	height: 100%;
	width: 32.5%
}

.news-main-card {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden
}

.news-main-card:hover .news-main-card-bg {
	transform: scale(1.1)
}

.news-main-card-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: .2s
}

.news-main-card-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: .2s
}

.news-main-card-bg-mb {
	display: none
}

.news-main-card-top {
	position: relative;
	height: 310px
}

.news-play-btn {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 30px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 2px;
	margin: auto;
	font-size: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	transition: .2s
}

.news-play-btn .cui-icon-play {
	font-size: 16px;
	color: #fff
}

.news-main-card-bottom {
	position: relative;
	height: 230px;
	padding: 5px 40px
}

.news-main-card-bottom .h2 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-main-card-bottom .p {
	max-height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: rgba(255, 255, 255, .7);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.news-main-card-bottom .sub-p {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.news-main-card-bottom .sub-p-date {
	margin-top: 10px
}

.news-main-card-bottom .sub-p:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	border: solid 2px;
	border-radius: 50%;
	margin-top: -2px
}

.news-main-card-bottom .sub-p-author {
	margin-top: 5px
}

.news-main-card-bottom .btn-group {
	position: absolute;
	bottom: 30px
}

.cui-btn-outline-light {
	border: solid 1px #fff;
	color: #fff
}

.cui-btn-outline-light:hover {
	border-color: #009966;
	background-color: #009966;
	color: #fff
}

.news-main-card-bottom .btn-group .cui-icon {
	margin-top: -2px;
	margin-right: 8px;
	font-size: inherit
}

.news-sub {
	float: left;
	position: relative;
	height: 100%;
	width: 67.5%
}

.news-list-v {
	position: absolute;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: 0s .2s
}

.news-list-v.show {
	z-index: 1;
	visibility: visible;
	opacity: 1;
	transition: .2s
}

.news-list-v:before,.news-list-v:after {
	content: " ";
	display: table;
	box-sizing: inherit
}

.news-list-v:after {
	clear: both
}

.news-list-v>li {
	float: left;
	width: 33.33333333%;
	height: 50%
}

.news-list-card {
	display: block;
	position: relative;
	height: 100%;
	padding: 70px 40px 0;
	background-color: #fff
}

.news-list-card:hover .h3,.news-list-card:hover .p {
	transform: translate(0, -26px)
}

.news-list-card:hover .more {
	opacity: 1;
	color: #6f7479
}

.news-list-v>li:nth-child(1) .news-list-card,.news-list-v>li:nth-child(5) .news-list-card {
	background-color: #009966
}

.news-list-v>li:nth-child(2) .news-list-card {
	background-image: url(/static/images/homepage-news-card-bg.jpg);
	background-size: cover
}

.news-list-v>li:nth-child(4) {
	width: 66.66666667%
}

.news-list-card .h3 {
	max-height: 56px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 28px;
	color: #252b3a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: transform .2s
}

.news-list-card .p {
	max-height: 60px;
	font-size: 14px;
	line-height: 20px;
	color: #666a75;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: transform .2s
}

.news-list-v>li:nth-child(1) .news-list-card .h3,.news-list-v>li:nth-child(2) .news-list-card .h3,.news-list-v>li:nth-child(5) .news-list-card .h3 {
	color: #fff
}

.news-list-v>li:nth-child(1) .news-list-card .p,.news-list-v>li:nth-child(2) .news-list-card .p,.news-list-v>li:nth-child(5) .news-list-card .p,.news-list-v>li:nth-child(1) .news-list-card .more,.news-list-v>li:nth-child(2) .news-list-card .more,.news-list-v>li:nth-child(5) .news-list-card .more {
	color: rgba(255, 255, 255, .7)
}

.news-list-card .more {
	position: absolute;
	bottom: 30px;
	opacity: 0;
	transition: opacity .2s;
	color: rgba(255, 255, 255, .7)
}

.news-list-card .more i {
	margin-left: 5px;
	transition: transform .2s
}

.news-list-card .more:hover i {
	transform: translate(5px, 0)
}

.cui-icon-more:before {
	content: "\EA19"
}

.section-bottom {
	padding: 30px 0;
}

.section-more-wrap {
	text-align: center
}

.section-more-wrap a {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #666a75;
	cursor: pointer;
	user-select: none;
	transition: .2s
}

.section-more-wrap a:hover {
	color: #009966
}

.section-more-wrap .news-more {
	display: none
}

.section-more-wrap a .cui-icon {
	margin-top: -2px;
	margin-left: 10px;
	transition: transform .2s
}

.section-more-wrap .news-change {
	padding-right: 20px;
	background-image: url(/static/images/homepage-news-icon-change.png);
	background-repeat: no-repeat;
	background-position: right center
}

.section-more-wrap .news-change:before,.section-more-wrap .news-change:hover {
	content: "";
	background-image: url(/static/images/homepage-news-icon-change-active.png)
}

section.content7 {
	background: url("/static/images/bg04.jpg") center bottom no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	padding-bottom: 50px;
}

.ztwrap {
	max-width: 1200px;
}

.ztwrap > ul {
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	margin-bottom: 35px;
}

.ztwrap > ul > li {
	cursor: pointer;
	width: 118px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #009966;
	margin: 0 10px;
	border-radius: 20px;
	border: solid 1px #009966;
	position: relative;
}

.ztwrap > ul > li.check {
	color: #fff;
	background: -webkit-linear-gradient(left,#009966,#009966);
/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,#009966,#009966);
/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,#009966,#009966);
/* Firefox 3.6 - 15 */
	background: linear-gradient(to right,#009966,#009966);
/* 标准的语法 */
}

.ztwrap > ul > li.check::before {
	display: block;
}

.ztwrap div.mainbox > ul > li {
	display: none;
}

.ztwrap div.mainbox > ul > li.check {
	display: block;
}

.ztwrap div.mainbox > ul > li .box {
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

.ztwrap div.mainbox > ul > li .box .left {
	width: 291px;
	height: 452px;
	background: url(/static/images/p04_bg.jpg) center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	box-shadow: 0px 0px 16px 0px rgba(231,73,56,0.1);
}

.ztwrap div.mainbox > ul > li .box .left > a {
	display: block;
	padding-top: 50px;
	height: 100%;
	color: #fff;
}

.ztwrap div.mainbox > ul > li .box .left > a > h2 {
	width: 284px;
	height: 74px;
	line-height: 70px;
	text-align: center;
	background: url(/static/images/bg_title.png) center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	margin-left: -24px;
}

.ztwrap div.mainbox > ul > li .box .left > a > p {
	padding: 15px 85px 120px 25px;
	font-size: 18px;
	color: #fff;
	display: none;
}

.ztwrap div.mainbox > ul > li .box .left > a > span {
	display: block;
	margin-left: 150px;
	width: 120px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	border: solid 1px #009966;
	box-sizing: border-box;
	color: #009966;
	font-size: 18px;
}

.ztwrap div.mainbox > ul > li .box .right {
	height: 452px;
	width: 910px;
	padding: 40px 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(95,98,101,0.3);
	box-sizing: border-box;
}

.ztwrap div.mainbox > ul > li .box .right > ol {
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li {
	width: 100%;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a {
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	padding: 15px 15px 25px;
	border-bottom: solid 1px #eeeeee;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > img {
	width: 180px;
	height: 120px;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div {
	width: 380px;
	margin-left: 15px;
	margin-right: 60px;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div > h3 {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	margin-bottom: 10px;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div > p {
	font-size: 14px;
	line-height: 24px;
	height: 45px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 8px;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > div > p {
	font-size: 12px;
	color: #999999;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > span {
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	background: -webkit-linear-gradient(left,#009966,#009966);
/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,#009966,#009966);
/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,#009966,#009966);
/* Firefox 3.6 - 15 */
	background: linear-gradient(to right,#009966,#009966);
/* 标准的语法 */
	border-radius: 20px;
	padding-right: 6px;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > span > em {
	font-size: 16px;
	color: #fff;
	width: 100px;
	box-sizing: border-box;
	padding: 0 12px 0 24px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.ztwrap div.mainbox > ul > li .box .right > ol > li > a > span > b {
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	background-color: #fff;
}

.ztwrap div.mainbox > ul > li .box .right > div.bottom_des {
	padding-top: 25px;
	display: -webkit-box;
/* iOS 6-,Safari 3.1-6 */
	display: -webkit-flex;
/* Chrome */
	display: -moz-box;
/* Firefox 19 */
	display: -ms-flexbox;
	display: flex;
/*flex容器*/
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a {
	width: 48%;
	display: block;
	position: relative;
}

.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a > p {
	width: 100%;
	position: relative;
	padding-left: 29px;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a > p::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%) rotateZ(45deg);
	width: 8px;
	height: 8px;
	background-color: #eeeeee;
}

.ztwrap div.mainbox > ul > li .box .right > div.bottom_des > a:hover > p {
	color: #009966;
}
/* 精品课程 */
.provide_lesson {
  width: 100%;
  height: 890px;
  background: #fff;
  padding: 60px 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.provide_lesson .provide_title {
  text-align: center;
}
.provide_lesson .provide_title h5 {
  font-size: 42px;
  color: #000;
  line-height: 46px;
}
.provide_lesson .provide_title h6 {
  font-size: 18px;
  color: #666;
  line-height: 20px;
  margin: 10px  auto  20px;
}
.provide_lesson .post_post .high_quality {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle
}
.provide_lesson .post_post .high_quality li {
	display: inline-block;
	vertical-align: middle;
	padding:0 20px;
	color: #666;
	font-size: 18px;
	line-height: 30px;
	border-radius: 20px;
	border: 1px solid #dfdfdf;
	margin-right: 20px;
}
.provide_lesson .post_post .high_quality li:last-child{
	margin-right: 0px;
}
.provide_lesson .post_post .high_quality li:hover {
  cursor: pointer;
}
.provide_lesson .post_post .high_quality li.cur {
  box-shadow: #ccc 2px 0 15px;
  color: #fff;
  background-color:#009966 ;
  border: 1px solid #009966;
}
.provide_lesson .post_post section {
  width: 100%;
  overflow: hidden;
  display: none;
}
.provide_lesson .post_post section ul {
  overflow: hidden;
  padding-top: 20px;
}
.provide_lesson .post_post section ul:before,
.provide_lesson .post_post section ul:after {
  display: table;
  content: "";
}
.provide_lesson .post_post section ul:after {
  clear: both;
}

.provide_lesson .post_post section ul li {
  width: 23.5%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: -5px 5px 10px -5px #f1f1f1, 5px 5px 10px -5px #f1f1f1;
  transition: 0.5s all ease;
}
.provide_lesson .post_post section ul li:nth-child(4n) {
  margin-right: 0%;
}
.provide_lesson .post_post section ul li:hover {
  transition: 0.5s all ease;
  transform: translateY(-15px);
}
.provide_lesson .post_post section ul li .lesson_img {
  width: 100%;
  height: 180px;
  position: relative;
}
.provide_lesson .post_post section ul li .lesson_img img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
.provide_lesson .post_post section ul li .lesson_img .mask_tv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.provide_lesson .post_post section ul li .lesson_img .mask_tv p {
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #fff;
  padding: 0;
  left: 50%;
  margin-left: -31px;
  top: 50%;
  margin-top: -31px;
}
.provide_lesson .post_post section ul li .lesson_img .mask_tv p::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 20px solid #fff;
  border-bottom: 10px solid transparent;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -10px;
}
.provide_lesson .post_post section ul li .block_info p {
  padding: 0 15px;
}
.provide_lesson .post_post section ul li .block_info p.ptitle {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.provide_lesson .post_post section ul li .block_info p.pmoney {
  overflow: hidden;
  margin-top: 10px;
}
.provide_lesson .post_post section ul li .block_info p.pmoney small {
  color: #ff434b;
  font-size: 20px;
  float: left;
  display: inline-block;
}
.provide_lesson .post_post section ul li .block_info p.pmoney small::first-letter {
  font-size: 16px;
}
.provide_lesson .post_post section ul li .block_info p.pmoney b {
  float: right;
  font-size: 14px;
  color: #999;
  padding-top: 5px;
  font-weight: normal;
}
.provide_lesson .post_post section.on {
  display: block;
}
.provide_lesson .more_lesson {
  width: 90px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #009966;
  color: #009966;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  margin-left: -45px;
  bottom: 0;
  position: absolute;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  bottom: 38px;
  text-indent: 5px;
}
.provide_lesson .more_lesson:hover {
  background: #009966;
  color: #fff;
  cursor: pointer;
}
/* 精彩直播 */
.cfa_speciallive {
  width: 100%;
  height: 700px;
  padding: 55px 0 70px 0 ;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cfa_speciallive .provide_title {
  text-align: center;
}
.cfa_speciallive .provide_title img {
  margin: 15px 0;
}
.cfa_speciallive .provide_title h5 {
  font-size: 42px;
  color: #222328;
  line-height: 50px;
}
.cfa_speciallive .provide_title h6 {
  font-size: 18px;
  color: #666;
  margin-bottom: 20px;
}
.container_image{width:1080px;height:410px;margin:0 auto;position:relative;}
.add{background:url(../images/a_more.png) no-repeat 0 0;width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;bottom:30px;z-index:4;cursor:pointer;display:none;}
.container_image .i_btn{display:block;width:42px;height:42px;position:absolute;top:50%;margin-top:-21px;z-index:3;}
.container_image .prev_L{left:-60px;background:url(../images/icon_cfaleft.png) no-repeat; background-size: 100%;}
.container_image .next_R{right:-60px;background:url(../images/icon_cfaright.png)no-repeat;background-size: 100%;}
.slide_img {height:410px;position:relative;z-index:1;}
.slide_img li{
    width:180px;
    height:380px;
    overflow:hidden;
    position:absolute;
    top:15px;
    background:#ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.slide_img li a img{position:absolute;height:100%;}
.slide_img li.on a{height:410px;}
.slide_img li.on{width:800px;left:190px;left:190px;top:0; z-index: 11111111}
.slide_img li.on img{width:100%;}
.slide_img li.left{left:0;height: 335px}
.slide_img li.left .first_rgba{
    height: 355px!important;
}
.slide_img li.left .first_rgba .free_leeson .lesson_img,.slide_img li.right .first_rgba .free_leeson .lesson_img{
    height: 214px;
}
.slide_img li.left .first_rgba .free_leeson .lesson_img img,.slide_img li.right .first_rgba .free_leeson .lesson_img img{
    height: 214px;
}
.slide_img li.left .first_rgba .free_leeson .block_info p.ptitle,.slide_img li.right .first_rgba .free_leeson .block_info p.ptitle{
    font-size: 19.25px;
}
.slide_img li.left .first_rgba .free_leeson .block_info p.ppress,.slide_img li.right .first_rgba .free_leeson .block_info p.ppress{
    font-size: 15.75px;
}
.slide_img li.left .first_rgba .free_leeson .block_info p.plabel,.slide_img li.right .first_rgba .free_leeson .block_info p.plabel{
    font-size: 15.75px;
}
.slide_img li.left .first_rgba .free_leeson .block_info p.pmoney b,.slide_img li.right .first_rgba .free_leeson .block_info p.pmoney b{
    font-size: 15.75px;
}
.slide_img li.right{right:0px;height: 335px}
.slide_img li.right .first_rgba{
    height: 355px!important;
    right: 0px!important;
    left:  !important;
}
.first_rgba{
    width: 755px ;
    height: 410px ;
    background: #fff;
    position: absolute;
    /*left: 0;*/
    /*margin-left: -380px;*/
    bottom: 0;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.first_rgba .free_leeson{
    width: 49%;
    height: 410px;
    position: relative;
    float: left;
    background: #f9f9f9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.first_rgba .free_leeson .lesson_img {
    width: 100%;
    height: 246px;
    position: relative;
}
.first_rgba .free_leeson .lesson_img img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 246px;
}
.first_rgba .free_leeson .lesson_img .mask_tv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: none;
}
.first_rgba .free_leeson .lesson_img .mask_tv .countdown {
    position: absolute;
    width: 210px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #fff;
    padding: 0;
    left: 50%;
    margin-left: -105px;
    top: 75px;
    color: #753307;
}

.first_rgba .free_leeson .lesson_img .mask_tv .atonce_credit{
    width: 122px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    left: 50%;
    margin-left: -61px;
    top: 150px;
    background: #57a75a;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
}
.first_rgba .free_leeson .lesson_img .mask_tv .atonce_buy{
    width: 122px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    left: 50%;
    margin-left: -61px;
    top: 150px;
    background: #ff3f50;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
}
.first_rgba .free_leeson .lesson_img .mask_tv p::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 10px solid transparent;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -10px;
}
.first_rgba .free_leeson .block_info p {
    padding: 0 20px;
}
.first_rgba .free_leeson .block_info p.ptitle {
    font-size: 22px;
    color: #333;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.first_rgba .free_leeson .block_info p.ppress {
    color: #666;
    font-size: 18px;
    margin:20px 0; 
}
.first_rgba .free_leeson .block_info p.ppress span {
    color: #999999;
}
.first_rgba .free_leeson .block_info p.pmoney {
    overflow: hidden;
    margin: 10px 0;
    height: 26px;
    line-height: 26px;
}
.first_rgba .free_leeson .block_info p.pmoney small {
    color: #ff434b;
    font-size: 20px;
    float: left;
}
.first_rgba .free_leeson .block_info p.pmoney small::first-letter {
    font-size: 14px;
}
.first_rgba .free_leeson .block_info p.pmoney b {
    color: #999;
    margin-left: 30px;
    font-size: 18px;
    font-weight: normal;
}
.first_rgba .free_leeson .block_info p.buybtn {
    border-top: 1px solid #e5e5e5;
    text-align: center;
}
.first_rgba .free_leeson .block_info p.buybtn a {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}
.first_rgba .free_leeson .block_info p.buybtn a.ljgm {
    width: 90px;
    height: 28px;
    line-height: 28px;
    background: #ff434b;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.first_rgba .free_leeson .block_info p.buybtn a.ljyy {
    width: 88px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #57a75a;
    color: #57a75a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.first_rgba .free_leeson .block_info p.plabel {
    height: 26px;
    line-height: 26px;
    margin: 10px 0;
    font-size: 18px;
}
.first_rgba .free_leeson .block_info p.plabel b{
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #57a75a;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    float: left;
}
.first_rgba .free_leeson .block_info p.plabel span{
    float: right;
    line-height: 36px;
    color: #999;
}
.first_rgba .free_leeson .block_info p.plabel img {
    vertical-align: top;
    margin-top: -9px;
    width: 26px;
    height: 36px;
}
.time-item strong{
    margin-left: 2px !important;
    margin-right: 2px !important;
}